UserCSS - 替特定外部連結加上favicon
UserCSS
替外部連結加上favicon
https://www.nicovideo.jp/
https://www.youtube.com/
https://dic.pixiv.net/
https://zh.wikipedia.org/
Twitter是本來就有？
@jack: just setting up my twttr
kujakujira.iconえぇ…？
/noratetsu/●特定のリンクにfaviconをつける
code:style.css
.line a.link:is(
[href^="https://www.nicovideo.jp/"],
[href^="https://www.youtube.com/"],
[href^="https://youtu.be/"],
[href^="https://dic.nicovideo.jp/"],
[href^="https://nico.ms/"],
[href^="https://dic.pixiv.net/"],
[href^="https://zh.wikipedia.org/"]
)::before {
display: inline-block;
/* display: table-cell; */
width: 16px;
height: 16px;
vertical-align: -3px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 2px;
}
.line a.link[href^="https://www.nicovideo.jp/"]::before,
.line a.link[href^="https://nico.ms/"]::before {
content: '';
background: url(http://www.google.com/s2/favicons?domain=https://www.nicovideo.jp/);
}
.line a.link[href^="https://www.youtube.com"]::before,
.line a.link[href^="https://youtu.be/"]::before {
content: '';
background: url(http://www.google.com/s2/favicons?domain=https://youtube.com/);
}
.line a.link[href^="https://dic.nicovideo.jp/"]::before {
content: '';
background: url(http://www.google.com/s2/favicons?domain=https://dic.nicovideo.jp/);
}
.line a.link[href^="https://dic.pixiv.net/"]::before {
content: '';
background: url(http://www.google.com/s2/favicons?domain=https://dic.pixiv.net/);
}
.line a.link[href^="https://zh.wikipedia.org/"]::before {
content: '';
background: url(http://www.google.com/s2/favicons?domain=https://zh.wikipedia.org/);
}